<!DOCTYPE html>
<html lang="zh-Hans">
<head>
    <meta charset="UTF-8">
    <title>我的私信</title>
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta content="telephone=no,email=no" name="format-detection">
    <!--以显示网页的屏幕宽度定义了视窗宽度。网页的比例和最大比例被设置为100%-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no"/>
    <link rel="stylesheet" href="asset/plugins/weui/css/weui.min.css">
    <link rel="stylesheet" href="asset/plugins/jquery-weui/css/jquery-weui.min.css">
    <link rel="stylesheet" href="asset/plugins/iconfont/iconfont.css">

    <link rel="stylesheet" href="asset/css/p-personal-center.css">
</head>
<body>
    <div class="p-panel--msg g-ta--c">
        <p class="p-panel-title">@我的私信（人数）</p>
        <p class="p-panel-msg g-c--red">15</p>
        <a href="help.html" class="p-btn-question"><i class="iconfont icon-bangzhu1"></i></a>
        <a href="javascript:;" onclick="history.go(-1)" class="p-btn-return"><i class="iconfont icon-return"></i></a>
    </div>
    <div class="weui-cells">
        <div class="weui-cell weui-cell_access open-popup" data-target="#letter">
            <div class="weui-cell__hd m-avatar g-mr--15">
                <img src="asset/images/avatar/a9.jpg" class="g-img-circle g-img-bordered " >
                <span class="weui-badge m-badge--circle">8</span>
            </div>
            <div class="weui-cell__bd">
                <p>工号：021</p>
                <p style="font-size: 13px;color: #888888;">能给我一个好评吗？谢谢了。</p>
            </div>
            <div class="weui-cell__ft"></div>
        </div>
        <a href="waiter.html" class="weui-cell weui-cell_access">
            <div class="weui-cell__bd">
                <p class="g-c--gray g-fs--12 g-va--m">该技师来自<span class="g-c--orange-light g-ml--5">天天足浴店 点击前往>></span></p>
            </div>
            <div class="weui-cell__ft"></div>
        </a>
    </div>
    <div class="weui-cells">
        <div class="weui-cell weui-cell_access open-popup" data-target="#letter">
            <div class="weui-cell__hd m-avatar g-mr--15">
                <img src="asset/images/avatar/a9.jpg" class="g-img-circle g-img-bordered " >
                <span class="weui-badge m-badge--circle">8</span>
            </div>
            <div class="weui-cell__bd">
                <p>工号：021</p>
                <p style="font-size: 13px;color: #888888;">能给我一个好评吗？谢谢了。</p>
            </div>
            <div class="weui-cell__ft"></div>
        </div>
        <a href="waiter.html" class="weui-cell weui-cell_access">
            <div class="weui-cell__bd">
                <p class="g-c--gray g-fs--12 g-va--m">该技师来自<span class="g-c--orange-light g-ml--5">天天足浴店 点击前往>></span></p>
            </div>
            <div class="weui-cell__ft"></div>
        </a>
    </div>
    <!--弹出层-私信 start-->
    <div id="letter" class="weui-popup__container weui-popup--foot-bath weui-popup--sm">
        <div class="weui-popup__overlay"></div>
        <div class="weui-popup__modal weui-popup__modal--footer">
            <div class="m-modal_header">
                <div class="weui-flex m-waiter-group">
                    <div class="m-avatar">
                        <img class="g-img-circle g-img-bordered" src="asset/images/avatar/a9.jpg" alt="">
                    </div>
                    <div class="weui-flex__item">
                        <p class="m-waiter_title">工号：021</p>
                        <p class="m-waiter_side">等级：金牌技师</p>
                        <div class="p-gift">
                            <img class="p-gift-img" src="asset/images/gift/gift.png" alt="礼物">
                            <p class="p-gift-text">× <span>321</span>已赏</p>
                        </div>
                    </div>
                </div>
                <a href="javascript:;" class="m-modal_header_closed close-popup">
                    <i class="iconfont icon-quxiao"></i>
                </a>
            </div>
            <div class="m-modal_body">
                <div class="g-overflow-wrap-y">
                    <div class="weui-panel weui-panel_access weui-panel--comment weui-panel--comment--more">
                        <div class="weui-panel__bd">
                            <a class="weui-media-box weui-media-box_appmsg">
                                <div class="weui-media-box__hd m-avatar m-avatar--sm"><img src="asset/images/avatar/a9.jpg" alt="" class="weui-media-box__thumb g-img-circle g-img-bordered"></div>
                                <div class="weui-media-box__bd">
                                    <h4 class="weui-media-box__title m-comment_name">金玉满堂</h4>
                                    <p class="weui-media-box__desc">美女，加个微信吗？</p>
                                </div>
                                <p class="m-list-num">3楼</p>
                                <p class="m-comment-time">2017.07.04 17:33</p>
                            </a>
                            <a class="weui-media-box weui-media-box_appmsg">
                                <div class="weui-media-box__hd m-avatar m-avatar--sm"><img src="asset/images/avatar/a9.jpg" alt="" class="weui-media-box__thumb g-img-circle g-img-bordered"></div>
                                <div class="weui-media-box__bd">
                                    <h4 class="weui-media-box__title m-comment_name">金玉满堂</h4>
                                    <p class="weui-media-box__desc">美女，加个微信吗？</p>
                                </div>
                                <p class="m-list-num">3楼</p>
                                <p class="m-comment-time">2017.07.04 17:33</p>
                            </a>
                            <a class="weui-media-box weui-media-box_appmsg">
                                <div class="weui-media-box__hd m-avatar m-avatar--sm"><img src="asset/images/avatar/a9.jpg" alt="" class="weui-media-box__thumb g-img-circle g-img-bordered"></div>
                                <div class="weui-media-box__bd">
                                    <h4 class="weui-media-box__title m-comment_name">金玉满堂</h4>
                                    <p class="weui-media-box__desc">美女，加个微信吗？</p>
                                </div>
                                <p class="m-list-num">3楼</p>
                                <p class="m-comment-time">2017.07.04 17:33</p>
                            </a>
                            <a class="weui-media-box weui-media-box_appmsg">
                                <div class="weui-media-box__hd m-avatar m-avatar--sm"><img src="asset/images/avatar/a9.jpg" alt="" class="weui-media-box__thumb g-img-circle g-img-bordered"></div>
                                <div class="weui-media-box__bd">
                                    <h4 class="weui-media-box__title m-comment_name">金玉满堂</h4>
                                    <p class="weui-media-box__desc">美女，加个微信吗？</p>
                                </div>
                                <p class="m-list-num">3楼</p>
                                <p class="m-comment-time">2017.07.04 17:33</p>
                            </a>
                            <a class="weui-media-box weui-media-box_appmsg">
                                <div class="weui-media-box__hd m-avatar m-avatar--sm"><img src="asset/images/avatar/a9.jpg" alt="" class="weui-media-box__thumb g-img-circle g-img-bordered"></div>
                                <div class="weui-media-box__bd">
                                    <h4 class="weui-media-box__title m-comment_name">金玉满堂</h4>
                                    <p class="weui-media-box__desc">在吗？</p>
                                </div>
                                <p class="m-list-num">3楼</p>
                                <p class="m-comment-time">2017.07.04 17:33</p>
                            </a>
                            <a class="weui-media-box weui-media-box_appmsg">
                                <div class="weui-media-box__hd m-avatar m-avatar--sm"><img src="asset/images/avatar/a9.jpg" alt="" class="weui-media-box__thumb g-img-circle g-img-bordered"></div>
                                <div class="weui-media-box__bd">
                                    <h4 class="weui-media-box__title m-comment_name">工号：021</h4>
                                    <p class="weui-media-box__desc">谢谢楼上~</p>
                                </div>
                                <p class="m-list-num">3楼</p>
                                <p class="m-comment-time">2017.07.04 17:33</p>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="m-modal_footer">
                <div class="m-textarea-group">
                    <textarea class="weui-textarea" name="" id="" rows="3" placeholder="说点悄悄话吧，只有你和TA看得到哦~"></textarea>
                    <div class="weui-textarea-counter"><span>0</span>/200</div>
                </div>
                <a href="javascript:;" class="weui-btn weui-btn_orange">@私聊TA</a>
            </div>
        </div>
    </div>
    <!--弹出层-私信 end-->

<script type="text/javascript" src="asset/plugins/jquery/jquery-2.1.4.js"></script>
<script type="text/javascript" src="asset/plugins/jquery-weui/js/jquery-weui.min.js"></script>
<!--<script type="text/javascript" src="asset/plugins/swiper/swiper.min.js"></script>-->
<!--p-index.js-->
<!--<script type="text/javascript" src="asset/js/p-waiter-info.js"></script>-->
</body>
</html>